@import "@/styles/mixins/util";
@import "@/styles/mixins/function.scss";
.manage-main {
 
  background-color: var(--datav-home-nav-bg);
  width: 100%;
  height: 100%;
  padding: 16px;
  .dept {
    width: 220px;
    border-right: 1px solid #27343e;
    padding-right: 16px;
    margin-right: 16px;
  }
  .user-list {
    width: calc(100% - 220px);
  }
}
.flex{
  display: flex;
}
.title {
    padding: 16px 0px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #27343e;
    margin-bottom: 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    .right-title {
      display: flex;
    }
    .search {
      transform: translateX(30px);

      .search-input {
        @include utils-ellipsis;

        background: var(--datav-bgcolor-2);
        color: #fff;
        padding: 0 10px;
        line-height: 30px;
        height: 30px;
        padding-right: 30px;
        border: 1px solid transparent;
        transition: 0.2s;
        font-size: 14px;
        &:hover,
        &:focus {
          border: var(--datav-border-primary);
          box-shadow: var(--datav-shadow);
        }
      }
    }

    .icon-search {
      padding: 8px 40px 0 4px;
      color: var(--datav-font-color);
      cursor: pointer;
      z-index: 1;
    }
  }